<template>
  <div class="box">
    <!-- <div style="width: 100%; height: 100%; background: rgb(21 32 58)"></div> -->
    <!-- http://10.198.61.250:8989/gis/#/-->
    <!-- http://192.168.19.233:8989/gis/#/ -->
    <iframe
      id="mainIframe"
      ref="mainIframe"
      name="mainIframe"
      src=" http://192.168.19.233:8989/gis/#/"
      frameborder="0"
      scrolling="auto"
      width="100%"
      height="100%"
    />
    <!-- http://192.168.19.233:8989/gis/#/ -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  watch: {
    // $route: {
    //   handler() {
    //     this.Gisvals()
    //   }
    // },
  },
  data() {
    return {
      iframename:''
    }
  },
   mounted() {
    
   },
   methods: {
    Gisvals() {
      const mapFrame = this.$refs['mainIframe']
      const iframeWin = mapFrame.contentWindow
      iframeWin.postMessage(this.iframename , '*')
    },
  },
   created() {
    this.$bus.$on('Iframe',(item) => {
      this.iframename = item
      //console.log('0000',this.iframename)
      this.Gisvals()
    })
   }
 }
// import { mapState } from 'vuex'
// export default {
//   computed: {
//     ...mapState({
//       alert: state => state.gis.ssSafeCode,
//       buffer: state => state.gis.buffer
//     })
//   },
//   components: {},
//   watch: {
//     $route: {
//       handler() {
//         this.Gisvals()
//         this.getSafeCode()
//       }
//     },
//     buffer() {
//       this.getDistancevalue()
//     }
//   },
//   data() {
//     return {}
//   },
//   mounted() {},
//   methods: {
//     Gisvals() {
//       const mapFrame = this.$refs['mainIframe']
//       const iframeWin = mapFrame.contentWindow
//       iframeWin.postMessage(this.$root.GisVal, '*')
//     },
//     getSafeCode() {
//       var that = this
//       const mapFrame = this.$refs['mainIframe']
//       const iframeWin = mapFrame.contentWindow
//       iframeWin.postMessage({ alert: [that.alert] }, '*')
//       console.log({ alert: [that.alert] })
//     },
//     getDistancevalue() {
//       const mapFrame = this.$refs['mainIframe']
//       const iframeWin = mapFrame.contentWindow
//       iframeWin.postMessage({ buffer: this.buffer }, '*')
//       console.log({ buffer: this.buffer })
//     }
//   },
//   created() {}
// }
//
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100%;
  // background: $main-color;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
</style>
